﻿@using Procom.ViewModel
@using BLLProcom
@model ViewModelProyectos
<script type="text/javascript">
    $(document).ready(function () {
        $(".contenedorProyecto").hide();
        $(".rslides").responsiveSlides({
            auto: false,
            nav: true
        });

        EventBinder($(".verProyecto"), "click", mostrarProyecto);
    });

    function mostrarProyecto(target) {
        $(".contenedorProyecto").slideUp(1000);
        mostrarCargando(true);
        var idProyecto = $(target.currentTarget).attr("idProyecto");

        $.ajax({
            url: '@Url.Content(@"~/Home/VerProyecto")',
            data: { idProyecto: idProyecto },
            success: function (result) {
                $(".contenedorProyecto").html(result);
                $(".contenedorProyecto").slideDown(1000, function () {
                    $('html,body').animate({
                        scrollTop: $(".contenedorProyecto").offset().top
                    }, 1);
                });
                mostrarCargando(false);
            }
        });
    }
</script>
<div class="contenedorSlider">
    <div class="rslides_container">
        <ul class="rslides">
            @foreach (PC_Proyecto proyecto in Model.Proyectos)
            {
                <li>
                    <img src="@Url.Content("~/Datos/ImagenesProyectos/" + proyecto.Imagen)" alt="">
                    <p class="pieProyecto">
                        @proyecto.Nombre
                        <label class="verProyecto" idProyecto="@proyecto.IdProyecto">[+] Ver más...</label>
                    </p>
                </li>
            }
        </ul>
    </div>
</div>
<div class="contenedorProyecto">
    
</div>
